<div class="viewport">
    <div class="overview" style="top: 0px;">
        <div class="action-nav-content">
            <div class="links-section">
                <div class=
                "mozaic-widget action-menu-container widget-settings_action_menu"
                data-guid="widget-2018" data-initialized="true"
                data-params="" data-widget="settings_action_menu">
                    <!--start template: templates/menus/settings-action-nav.hjs -->

                    <div class="action-nav-header">
                        <h1 class="stream-title"><i class=
                        "icon-settings"></i><span>Settings</span></h1>

                        <p class="left-nav-text">The Settings Section is
                        where you edit your account details, check plan
                        limits, adjust View limits, add or delete users,
                        connect social accounts, manage tags, etc.</p>

                        <div class="clear"></div>

                        <h5 class="action-nav-title">MAIN SECTIONS</h5>

                        <ul class=
                        "nav nav-list main-section-nav settings-menu">
                            <li class="active-section" id="account-tab">
                                <a class="" href=
                                "#settings/account"><i class=
                                "icon-account-menu"></i> <span>My Account
                                Profile</span></a>
                            </li>

                            <li id="folders-tab">
                                <a class="" href=
                                "#settings/folders"><i class=
                                "icon-streams-menu"></i> <span>Streams
                                &amp; Folders</span></a>
                            </li>

                            <li id="social_profile-tab">
                                <a class="" href=
                                "#settings/connected-accounts"><i class=
                                "icon-accounts-menu"></i> <span>Connected
                                Accounts</span></a>
                            </li>

                            <li id="groups-tab">
                                <a class="" href=
                                "#settings/groups"><i class=
                                "icon-users-menu"></i> <span>Users &amp;
                                Views</span></a>
                            </li>

                            <li id="tags-tab">
                                <a class="" href="#settings/tags"><i class=
                                "icon-tags-menu"></i> <span>Tags</span></a>
                            </li>

                            <li id="notifications-tab">
                                <a class="" href=
                                "#settings/notifications"><i class=
                                "icon-notifications-menu"></i> <span>Emails
                                &amp; Notifications</span></a>
                            </li>

                            <li id="subscription-tab">
                                <a class="" href=
                                "#settings/subscription"><i class=
                                "icon-my-plan"></i> <span>My
                                Plan</span></a>
                            </li>
                            <!-- This gives 404 for now, so hiding it until it will work
                        <li><a href="" class=""><i class="icon-subscription-menu"></i><span>Your subscription</span></a></li>
                        -->
                        </ul>
                    </div>
                    <!-- end template: templates/menus/settings-action-nav.hjs -->
                </div>
            </div>

            <div class="filters-section"></div>

            <div class="actions-section"></div>
        </div>
    </div>
</div>